.container_goods_order {
    .content_wraper {
        padding: .43rem;

        .that_goods_list {
            font-size: .43rem;
            margin-bottom: .5rem;
            // margin-bottom: .53rem;

            li {
                box-shadow: 0rem 0.05rem 0.32rem 0rem rgba(22, 52, 80, 0.1);
                border-radius: 0.37rem;
                padding: .53rem .43rem;
                margin-bottom: .27rem;
                // background: linear-gradient(90deg, #FFFFFF 0%, #FFFEE1 100%);
                background: linear-gradient(90deg,
                        rgba(251, 230, 165, 0),
                        rgba(166, 206, 255, 1),
                    );

                .item_good {
                    display: flex;
                    margin-bottom: .2rem;

                    img {
                        border-radius: .37rem;
                        object-fit: cover;
                        width: 2.13rem;
                        height: 2.13rem;
                    }

                    .good_content {
                        margin-left: .21rem;
                        flex: 1;

                        &>div:first-child {
                            margin-bottom: .11rem;
                            display: flex;
                            justify-content: space-between;

                            h3 {
                                font-weight: 700;
                                font-size: 0.43rem;
                                color: #323755;
                                line-height: 0.53rem;
                            }

                            div {
                                font-weight: 400;
                                font-size: 0.37rem;
                                line-height: 0.53rem;
                                color: #323755;

                                span {
                                    font-weight: 700;
                                    font-size: 0.48rem;
                                }

                            }
                        }

                        .num {
                            color: #999;
                        }
                    }

                }

                .item_select {
                    display: flex;
                    align-items: center;
                    padding: 0 .43rem;

                    .adm-space.adm-space-horizontal {
                        flex: 1;
                        justify-content: center;
                    }

                    .adm-space-item,
                    .center {
                        flex: 1;
                        display: flex;
                        flex-direction: row-reverse;
                    }

                    .adm-radio-icon {
                        width: .5rem;
                        height: .5rem;
                    }

                    .adm-radio-content {
                        font-size: .4rem !important;
                    }
                }
            }
        }

        .that_pay_type {
            margin-top: 0;
            margin-bottom: 2rem;

            &>li:last-child {
                margin-top: .48rem;
            }

            .remark_wraper {
                font-size: 14px;
                display: flex;
                flex-direction: column;

                &>input:focus {
                    outline: none;  /* 首先移除默认的聚焦边框 */
                    border: 1px solid var(--themeColor); /* 然后设置新的边框颜色 */
                }

                div {
                    color:#999;
                }
                
                .remark {
                    margin:  10px 0 30px;
                    padding: .40rem .51rem;
                    background: #FFFFFF;
                    border-radius: 0.2rem;
                    border: 0.03rem solid #E8E6EA;
                }
            }
        }

        .that_footer {
            background-color: #f8f8f8;
            flex: 1;
            position: relative;
            position: fixed;
            bottom: 0;
            left: 0;
            right: 0;
            z-index: 999;

            background-color: #fff;
            padding: .16rem 0.24rem .3rem;

            display: flex;
            align-items: center;
            justify-content: space-between;

            .total {
                font-weight: 400;
                font-size: 0.37rem;
                line-height: 0.72rem;
                color: #999;

                span {
                    color: #FF4E4D;
                }

                &>span:last-child {
                    font-weight: bold;
                    font-weight: 700;
                    font-size: 0.64rem;
                    line-height: 0.48rem;
                }
            }

            button {
                font-weight: 400;
                font-size: 0.43rem;
                color: #FFFFFF;
                line-height: 0.56rem;
                width: 2.99rem;
                height: 1.07rem;
                background: #FF4E4D;
                border-radius: 0.53rem;
                color: #fff;
            }
        }
    }
}